<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚点</title>
    <link rel="stylesheet" href="./view/锚点/styles.css">
</head>
<body>
<!-- Unnamed (Rectangle) -->
<div id="u3371" class="ax_default heading_1">
    <div id="u3371_div" class=""></div>
    <div id="u3371_text" class="text ">
        <p><span>Anchor 锚点</span></p>
    </div>
</div>

<!-- gaisu (Rectangle) -->
<div id="u3372" class="ax_default heading_1" data-label="gaisu">
    <div id="u3372_div" class=""></div>
    <div id="u3372_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3373" class="ax_default label">
    <div id="u3373_div" class=""></div>
    <div id="u3373_text" class="text ">
        <p><span>用于跳转到页面指定位置。</span></p><p><span>此处只做样式，没有做动效。悬浮样式采用pin to browser实现。</span></p>
    </div>
</div>

<!-- Unnamed (Vertical Line) -->
<div id="u3374" class="ax_default line">
    <img id="u3374_img" class="img " src="assets/images/锚点/u3374.svg"/>
    <div id="u3374_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3375" class="ax_default" data-left="245" data-top="287" data-width="71" data-height="29">

    <!-- Unnamed (Rectangle) -->
    <div id="u3376" class="ax_default label selected" selectiongroup="anchor-list-1">
        <div id="u3376_div" class="selected"></div>
        <div id="u3376_text" class="text ">
            <p><span>基础用法</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u3377" class="ax_default ellipse selected" selectiongroup="anchor-list-1">
        <img id="u3377_img" class="img " src="assets/images/锚点/u3377_selected.svg"/>
        <div id="u3377_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3378" class="ax_default" data-left="245" data-top="316" data-width="71" data-height="29">

    <!-- Unnamed (Rectangle) -->
    <div id="u3379" class="ax_default label" selectiongroup="anchor-list-1">
        <div id="u3379_div" class=""></div>
        <div id="u3379_text" class="text ">
            <p><span>静态位置</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u3380" class="ax_default ellipse" selectiongroup="anchor-list-1">
        <img id="u3380_img" class="img " src="assets/images/锚点/u3377.svg"/>
        <div id="u3380_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3381" class="ax_default" data-left="245" data-top="345" data-width="41" data-height="29">

    <!-- Unnamed (Rectangle) -->
    <div id="u3382" class="ax_default label" selectiongroup="anchor-list-1">
        <div id="u3382_div" class=""></div>
        <div id="u3382_text" class="text ">
            <p><span>API</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u3383" class="ax_default ellipse" selectiongroup="anchor-list-1">
        <img id="u3383_img" class="img " src="assets/images/锚点/u3377.svg"/>
        <div id="u3383_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3384" class="ax_default" data-left="245" data-top="374" data-width="112" data-height="29">

    <!-- Unnamed (Rectangle) -->
    <div id="u3385" class="ax_default label" selectiongroup="anchor-list-1">
        <div id="u3385_div" class=""></div>
        <div id="u3385_text" class="text ">
            <p><span>Anchor props</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u3386" class="ax_default ellipse" selectiongroup="anchor-list-1">
        <img id="u3386_img" class="img " src="assets/images/锚点/u3377.svg"/>
        <div id="u3386_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3387" class="ax_default" data-left="245" data-top="403" data-width="116" data-height="29">

    <!-- Unnamed (Rectangle) -->
    <div id="u3388" class="ax_default label" selectiongroup="anchor-list-1">
        <div id="u3388_div" class=""></div>
        <div id="u3388_text" class="text ">
            <p><span>Anchor events</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u3389" class="ax_default ellipse" selectiongroup="anchor-list-1">
        <img id="u3389_img" class="img " src="assets/images/锚点/u3377.svg"/>
        <div id="u3389_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3390" class="ax_default" data-left="245" data-top="432" data-width="135" data-height="29">

    <!-- Unnamed (Rectangle) -->
    <div id="u3391" class="ax_default label" selectiongroup="anchor-list-1">
        <div id="u3391_div" class=""></div>
        <div id="u3391_text" class="text ">
            <p><span>AnchorLink props</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u3392" class="ax_default ellipse" selectiongroup="anchor-list-1">
        <img id="u3392_img" class="img " src="assets/images/锚点/u3377.svg"/>
        <div id="u3392_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Dynamic Panel) -->
<div id="u3393" class="ax_default">
    <div id="u3393_state0" class="panel_state" data-label="State1" style="">
        <div id="u3393_state0_content" class="panel_state_content">

            <!-- Unnamed (Vertical Line) -->
            <div id="u3394" class="ax_default line">
                <img id="u3394_img" class="img " src="assets/images/锚点/u3374.svg"/>
                <div id="u3394_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div>

            <!-- gaisu (Group) -->
            <div id="u3395" class="ax_default" data-label="gaisu" data-left="0" data-top="80" data-width="71" data-height="29">

                <!-- Unnamed (Rectangle) -->
                <div id="u3396" class="ax_default label" selectiongroup="anchor-list-1">
                    <div id="u3396_div" class=""></div>
                    <div id="u3396_text" class="text ">
                        <p><span>基础用法</span></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u3397" class="ax_default ellipse" selectiongroup="anchor-list-1">
                    <img id="u3397_img" class="img " src="assets/images/锚点/u3377.svg"/>
                    <div id="u3397_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u3398" class="ax_default" data-left="0" data-top="109" data-width="71" data-height="29">

                <!-- Unnamed (Rectangle) -->
                <div id="u3399" class="ax_default label" selectiongroup="anchor-list-1">
                    <div id="u3399_div" class=""></div>
                    <div id="u3399_text" class="text ">
                        <p><span>自动悬浮</span></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u3400" class="ax_default ellipse" selectiongroup="anchor-list-1">
                    <img id="u3400_img" class="img " src="assets/images/锚点/u3377.svg"/>
                    <div id="u3400_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- API (Group) -->
            <div id="u3401" class="ax_default" data-label="API" data-left="0" data-top="138" data-width="41" data-height="29">

                <!-- Unnamed (Rectangle) -->
                <div id="u3402" class="ax_default label" selectiongroup="anchor-list-1">
                    <div id="u3402_div" class=""></div>
                    <div id="u3402_text" class="text ">
                        <p><span>API</span></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u3403" class="ax_default ellipse" selectiongroup="anchor-list-1">
                    <img id="u3403_img" class="img " src="assets/images/锚点/u3377.svg"/>
                    <div id="u3403_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- props (Group) -->
            <div id="u3404" class="ax_default" data-label="props" data-left="0" data-top="167" data-width="112" data-height="29">

                <!-- Unnamed (Rectangle) -->
                <div id="u3405" class="ax_default label" selectiongroup="anchor-list-1">
                    <div id="u3405_div" class=""></div>
                    <div id="u3405_text" class="text ">
                        <p><span>Anchor props</span></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u3406" class="ax_default ellipse" selectiongroup="anchor-list-1">
                    <img id="u3406_img" class="img " src="assets/images/锚点/u3377.svg"/>
                    <div id="u3406_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- events (Group) -->
            <div id="u3407" class="ax_default" data-label="events" data-left="0" data-top="196" data-width="116" data-height="29">

                <!-- Unnamed (Rectangle) -->
                <div id="u3408" class="ax_default label" selectiongroup="anchor-list-1">
                    <div id="u3408_div" class=""></div>
                    <div id="u3408_text" class="text ">
                        <p><span>Anchor events</span></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u3409" class="ax_default ellipse" selectiongroup="anchor-list-1">
                    <img id="u3409_img" class="img " src="assets/images/锚点/u3377.svg"/>
                    <div id="u3409_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- link (Group) -->
            <div id="u3410" class="ax_default" data-label="link" data-left="0" data-top="225" data-width="135" data-height="29">

                <!-- Unnamed (Rectangle) -->
                <div id="u3411" class="ax_default label" selectiongroup="anchor-list-1">
                    <div id="u3411_div" class=""></div>
                    <div id="u3411_text" class="text ">
                        <p><span>AnchorLink props</span></p>
                    </div>
                </div>

                <!-- Unnamed (Ellipse) -->
                <div id="u3412" class="ax_default ellipse" selectiongroup="anchor-list-1">
                    <img id="u3412_img" class="img " src="assets/images/锚点/u3377.svg"/>
                    <div id="u3412_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Anchor props (Rectangle) -->
<div id="u3413" class="ax_default label" data-label="Anchor props">
    <div id="u3413_div" class=""></div>
    <div id="u3413_text" class="text ">
        <p><span>Anchor props</span></p>
    </div>
</div>

<!-- Anchor events (Rectangle) -->
<div id="u3414" class="ax_default label" data-label="Anchor events">
    <div id="u3414_div" class=""></div>
    <div id="u3414_text" class="text ">
        <p><span>Anchor events</span></p>
    </div>
</div>

<!-- AnchorLink props (Rectangle) -->
<div id="u3415" class="ax_default label" data-label="AnchorLink props">
    <div id="u3415_div" class=""></div>
    <div id="u3415_text" class="text ">
        <p><span>AnchorLink props</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
    </div>
</div>

<!-- AnchorLink props (Rectangle) -->
<div id="u3416" class="ax_default label" data-label="AnchorLink props">
    <div id="u3416_div" class=""></div>
    <div id="u3416_text" class="text ">
        <p><span>BOTTOM</span></p>
    </div>
</div>
</body>
</html>
